<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
	
    <title>长治市非物质文化遗产保护中心网</title>
	<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
	
	<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
	<!--[if lt IE 9]>
	  <script src="js/html5shiv.min.js"></script>
	  <script src="js/respond.min.js"></script>
	<![endif]-->
    <!-- css -->
    
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />

	<link href="css/nivo-lightbox.css" rel="stylesheet" />
	<link href="css/nivo-lightbox-theme/default/default.css" rel="stylesheet" type="text/css" />
	<link href="css/owl.carousel.css" rel="stylesheet" />
    <link href="css/owl.theme.css" rel="stylesheet"  />
	<link href="css/animate.css" rel="stylesheet" />
    <link href="css/style.css" rel="stylesheet">

	<!-- template skin -->
	<link id="t-colors" href="color/blue.css" rel="stylesheet">
	<link href="css/index.css" rel="stylesheet">
	<!-- kwicks -->
	<link rel='stylesheet' type='text/css' href='css/jquery.kwicks.min.css' />
	<link href="fontCustom/style.css" rel="stylesheet">
	
	
</head>

<body id="page-top" data-spy="scroll" data-target=".navbar-custom" >

<div id="wrapper">
	
    <div class="navbar navbar-custom navbar-fixed-top" role="navigation">
		
        <div class="container navigation">
		<div class="row">
			<div class="col-md-5">
				<div class="navbar-header page-scroll">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-navbar" aria-expanded="false">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand">
						<div style=" background-repeat:no-repeat;background-image: url(img/logo1.png);width: 420px;height: 50px;padding-left: 50px;">
							<span style="padding-left:20px;line-height:50px;font-size: 22px;">长治市非物质文化遗产保护中心网</span></div>
					</a>
				</div>
			</div>
			<div class="col-md-7">
				<!-- Collect the nav links, forms, and other content for toggling -->
				<nav id="bs-navbar" class="collapse navbar-collapse ">
				  <ul class="nav navbar-nav navbar-right fontYH">
					<li class="active"><a href="#intro">首页</a></li>
					<li><a href="#notices">非遗公告</a></li>
					<li><a href="#pinpai">非遗品牌</a></li>
					<li><a href="#minglu">非遗名录</a></li>
					<li><a href="#ccr">传承人</a></li>
					<li><a href="#jidi">非遗基地</a></li>
					<li><a href="#jingsui">非遗精髓</a></li>	
					<li class="dropdown">
					  <a href="#" class="dropdown-toggle" data-toggle="dropdown">联系我们 <b class="caret"></b></a>
					  <ul class="dropdown-menu">
						<li><a href="index.html">留言咨询</a></li>
						<li><a href="index-video.html">关于我们</a></li>
						<li><a href="index-cta.html">常见问题</a></li>
					  </ul>
					</li>
				  </ul>
				</nav>
			</div>
            <!-- /.navbar-collapse -->
        </div>
		</div>
        <!-- /.container -->
    </div>
	

	<!-- Section: intro -->
    <Section id="intro" class="intro">
		<div class="intro-content">
			<div class="container">
				<div class="row">
					<div class="col-md-6">
					<div class="wow fadeInDown" data-wow-offset="0" data-wow-delay="0.1s">
					<h2 class="h-ultra">什么是非物质文化遗产</h2>
					</div>
					<div class="wow fadeInUp" data-wow-offset="0" data-wow-delay="0.1s">
					<h4 class="h-light"> <span class="color">承载中华民族精神与情感的</span>重要载体</h4>
					</div>
						<div class="well well-trans">
							<div class="wow fadeInRight" data-wow-delay="0.1s">

							<ul class="lead-list">
								<li><span class="fa fa-check fa-2x icon-success"></span> <span class="list fontYH">非物质文化遗产是指各族人民世代相承的，与群众生活密切相关的各种传统文化表现形式。</span></li>
								
								<li><span class="fa fa-check fa-2x icon-success"></span> <span class="list fontYH">我国是一个历史悠久的文明古国，不仅有大量的物质文化遗产，而且有丰富的非物质文化遗产。</span></li>
								
								<li><span class="fa fa-check fa-2x icon-success"></span> <span class="list fontYH">
								我国各族人民在长期生产生活实践中创造的丰富多彩的非物质文化遗产，是中华民族智慧与文明的结晶。</span></li>
							</ul>

							</div>
						</div>


					</div>
					<div class="col-md-6">
						<div id="myCarousel" class="carousel slide">
						  <ol class="carousel-indicators">
							<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
							<li data-target="#myCarousel" data-slide-to="1"></li>
							<li data-target="#myCarousel" data-slide-to="2"></li>
						  </ol>
						  <!-- Carousel items -->
						  <div class="carousel-inner">
							<div class="active item">
								<img src="img/slide/item1.jpg" alt="" style="width:554px;height:370px;">
							</div>
							<div class="item">
								<img src="img/slide/item2.jpg" alt="" style="width:554px;height:370px;">
							</div>
							<div class="item">
								<img src="img/slide/item3.jpg" alt="" style="width:554px;height:370px;">
							</div>
						  </div>
						  <!-- Carousel nav -->
						  <a class="carousel-control left size65" href="#myCarousel" data-slide="prev">&lsaquo;</a>
						  <a class="carousel-control right size65" href="#myCarousel" data-slide="next">&rsaquo;</a>
						</div>																								
					</div>					
				</div>		
			</div>
		</div>		
    </Section>
	
	<!-- /Section: intro -->
	
	<!-- Section: notices -->
	<Section id="notices" class="home-section paddingtop-100">
		<div class="container ">
			
			<div class="row">
				<div class="col-md-4">
					<table style="width:100%;height:485px;">
						<tr style="height:60px;">
							<td style="background-image:url(img/left_top.png);width: 150px;background-repeat: no-repeat;">
								<div style=""></div>
							</td>
							<td style="background-image:url(img/right_top.png);    background-repeat: no-repeat;background-position: top right;">
								<div ></div>
							</td>
						</tr>
						<tr style="height:150px;">
							<td colspan="2" style="background-image:url(img/shanxing.png);background-repeat: no-repeat;background-position: center center;">
								
							</td>
						</tr>
						<tr style="height:190px;">
							<td colspan="2" style="padding:0 40px;font-family:Microsoft YaHei;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;我国的非物质文化遗产是承载中华民族精神与情感的重要载体，是维系国家统一，民族团结的基础，也是人类智慧的体现。然而，在经济全球化和现代化的冲击下，我国的非物质文化遗产正面临着历史上前所未有的急剧变迁。</td>
						</tr>
						<tr style="height:60px;">
							<td style="background-image:url(img/left_bottom.png);width: 150px;background-repeat: no-repeat;background-position: bottom left;">
								<div></div>
							</td>
							<td style="background-image:url(img/right_bottom.png);    background-repeat: no-repeat;background-position: bottom right;vertical-align: top;text-align: center;padding-right:20px;">
								<div><a href="#" style="text-decoration:underline;">更多...</a></div>
							</td>
						</tr>
					</table>
					
				</div>
				<div class="col-md-4" style="">
					<div style="border: 1px solid #e8edf0;width:100%;margin-left: 10px;border-radius: 3px;">
						<h5>通知公告
							<span style="position:absolute;right:10px;">
								<a href="#" alt="更多"><img src="img/more.png"></a>
							</span>
						</h5>
						<ul class="notices">
						<li><span style="background:url(img/new.gif) no-repeat top right;padding-right: 20px;">■ 文化局关于推荐申报第五批山西省非物质。。。  </span></li>
						<li><span style="background:url(img/new.gif) no-repeat top right;padding-right: 20px;">■ 文化局关于推荐申报第五批山西省非物质。。。  </span></li>
						<li>■ 文化局关于推荐申报第五批山西省非物质文化。。。</li>
						<li>■ 文化局关于推荐申报第五批山西省非物质文化。。。</li>
						<li>■ 文化局关于推荐申报第五批山西省非物质文化。。。</li>
						<li>■ 文化局关于推荐申报第五批山西省非物质文化。。。</li>
						<li>■ 文化局关于推荐申报第五批山西省非物质文化。。。</li>
					</ul>
					</div>
					<div style="border: 1px solid #e8edf0;width:100%;margin-left: 10px;border-radius: 3px;margin-top: 10px;">
						<h5>法律法规
							<span style="position:absolute;right:10px;">
								<a href="#"><img src="img/more.png"></a>
							</span>
						</h5>
						<ul class="notices">
							<li>■ 文化局关于推荐申报第五批山西省非物质文化。。。</li>
							<li>■ 文化局关于推荐申报第五批山西省非物质文化。。。</li>
							<li>■ 文化局关于推荐申报第五批山西省非物质文化。。。</li>
							<li>■ 文化局关于推荐申报第五批山西省非物质文化。。。</li>
							<li>■ 文化局关于推荐申报第五批山西省非物质文化。。。</li>
							<li>■ 文化局关于推荐申报第五批山西省非物质文化。。。</li>
							<li>■ 文化局关于推荐申报第五批山西省非物质文化。。。</li>
						</ul>
					</div>
				</div>
				<div class="col-md-4" style="">
					<div style="border: 1px solid #e8edf0;width:100%;margin-left: 10px;border-radius: 3px;">
						<h5>新闻动态
							<span style="position:absolute;right:10px;">
								<a href="#"><img src="img/more.png"></a>
							</span>
						</h5>
						<ul class="notices">
							<li>■ 文化局关于推荐申报第五批山西省非物质文化。。。</li>
							<li>■ 文化局关于推荐申报第五批山西省非物质文化。。。</li>
							<li>■ 文化局关于推荐申报第五批山西省非物质文化。。。</li>
							<li>■ 文化局关于推荐申报第五批山西省非物质文化。。。</li>
							<li>■ 文化局关于推荐申报第五批山西省非物质文化。。。</li>
							<li>■ 文化局关于推荐申报第五批山西省非物质文化。。。</li>
							<li>■ 文化局关于推荐申报第五批山西省非物质文化。。。</li>
						</ul>
					</div>
					<div style="border: 1px solid #e8edf0;width:100%;margin-left: 10px;border-radius: 3px;margin-top: 10px;">
						<h5>热门专题
							<span style="position:absolute;right:10px;">
								<a href="#"><img src="img/more.png"></a>
							</span>
						</h5>
						<ul class="notices">
							<li>■ 文化局关于推荐申报第五批山西省非物质文化。。。</li>
							<li>■ 文化局关于推荐申报第五批山西省非物质文化。。。</li>
							<li>■ 文化局关于推荐申报第五批山西省非物质文化。。。</li>
							<li>■ 文化局关于推荐申报第五批山西省非物质文化。。。</li>
							<li>■ 文化局关于推荐申报第五批山西省非物质文化。。。</li>
							<li>■ 文化局关于推荐申报第五批山西省非物质文化。。。</li>
							<li>■ 文化局关于推荐申报第五批山西省非物质文化。。。</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</Section>
	<!-- /Section: notices -->
	<!-- Section: pinpai -->
	<Section id="pinpai" class="home-section bg-gray ">
		<div class="container">
			<div class="row">
				<div class="col-lg-8 col-lg-offset-2" style="padding-bottom:40px">
					<div class="wow fadeInDown" data-wow-delay="0.1s">
						<div class="section-heading text-center">
						<h2 class="css56978532315dfd">非遗品牌</h2>
						<p>长治特色、上党品牌，塑造品牌影响力</p>
						</div>
					</div>
					<div class="divider-short"></div>
					<a href="mingluList.html"><p class="more">查看更多</p></a>
				</div>
			</div>
			<div class="row">
				<div class="col-md-3" style="padding-right: 0;">
					<div style="width:100%;height:395px;border: 1px solid #e8edf0;margin-left: 10px;border-radius: 3px;">
						<p style="background: #F2D294;line-height: 30px;padding-left: 10px;">每日推荐</p>
						<div style="">
						<p class="fontYH" style="text-align:center;padding-top: 20px;font-weight: 700;font-size: 20px;color:#381919;">襄垣手工拉面</p>
						<p class="fontYH" style="text-align:center;padding:0 20px;padding-top: 30px;">在中国的面食故乡，山西的面食文化，也如山西的历史一般源远流长。五千年绵长的晋善晋美晋味道，它使人想到了古色传香的襄垣手工挂面……襄垣，一个古老而美丽的县。</p>
						</div>
					</div>
				</div>
				<div class="col-md-9">
					<table style="width:100%;height:100%;" class="fontYH">
						<tr>
							<td align="center">
								<img src="img/pinpai/item3.jpg" style="width:250px;height:150px;">
								<p style="padding-top: 20px;">襄垣手工拉面</p>
								
							</td>
							<td align="center">
								<img src="img/pinpai/item3.jpg" style="width:250px;height:150px;">
								<p style="padding-top: 20px;">襄垣手工拉面</p>
								
							</td>
							<td align="center">
								<img src="img/pinpai/item3.jpg" style="width:250px;height:150px;">
								<p style="padding-top: 20px;">襄垣手工拉面</p>
								
							</td>
						</tr>
						<tr>
							<td align="center">
								<img src="img/pinpai/item1.jpg" style="width:250px;height:150px;">
								<p style="padding-top: 20px;">长子铜乐器</p>
								
							</td>
							<td align="center">
								<img src="img/pinpai/item1.jpg" style="width:250px;height:150px;">
								<p style="padding-top: 20px;">长子铜乐器</p>
								
							</td>
							<td align="center">
								<img src="img/pinpai/item1.jpg" style="width:250px;height:150px;">
								<p style="padding-top: 20px;">长子铜乐器</p>
								
							</td>
						</tr>
						
					</table>
				</div>
				
			</div>
		</div>
	
	</Section>
	<!-- /Section: pinpai -->
	
	<!-- Section: minglu -->
	<Section id="minglu" class="home-section">

		<div class="container">
			<div class="row">
				<div class="col-lg-8 col-lg-offset-2">
					<div class="wow fadeInDown" data-wow-delay="0.1s">
					<div class="section-heading text-center">
					<h2 class="css56978532315dfd">非遗名录</h2>
					<p>展示长治非物质文化遗产项目</p>
					</div>
					</div>
					<div class="divider-short"></div>
					<a href="mingluList.html"><p class="more">查看更多</p></a>
				</div>
			</div>
			<div class="row" style="padding-top:30px;">
				<div class="col-lg-8" style="padding-top: 10px;padding-left: 60px;">
					<table class="wow fadeInUp" data-wow-delay="0.1s" style="margin-bottom: 15px;margin-top: 15px;">
						<tr>
							<td>
								<div style="height:160px;">
									<img src="img/minglu/item1.jpg" width="160" height="100"/>
									<p>上党八音会</p>
								</div>
							</td>
							<td>
								<div style="height:160px;">
									<img src="img/minglu/item1.jpg" width="160" height="100"/>
									<p>上党八音会</p>
								</div>
							</td>
							<td>
								<div style="height:160px;">
									<img src="img/minglu/item1.jpg" width="160" height="100"/>
									<p>上党八音会</p>
								</div>
							</td>
							<td style="padding-right:0;">
								<div style="height:160px;">
									<img src="img/minglu/item1.jpg" width="160" height="100"/>
									<p>上党八音会</p>
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<div style="height:160px;">
									<img src="img/minglu/item2.jpg" width="160" height="100"/>
									<p>黄碾圣家堂</p>
								</div>
							</td>
							<td>
								<div style="height:160px;">
									<img src="img/minglu/item2.jpg" width="160" height="100"/>
									<p>黄碾圣家堂</p>
								</div>
							</td>
							<td>
								<div style="height:160px;">
									<img src="img/minglu/item2.jpg" width="160" height="100"/>
									<p>黄碾圣家堂</p>
								</div>
							</td>
							<td style="padding-right:0;">
								<div style="height:160px;">
									<img src="img/minglu/item2.jpg" width="160" height="100"/>
									<p>黄碾圣家堂</p>
								</div>
							</td>
						</tr>
					</table>
					
				</div>
				<div class="col-lg-4" >
					<div style="background-image:url(img/minglu/bac1.png);background-repeat:no-repeat;">
						<span class="fontYH" style="margin-left: 35px;font-size: 22px;font-weight: bold;">类别</span><a href="#" style="font-size:12px;padding-left:20px;">更多</a>
						<table class="FYClass" style="margin-left:16px;">
							<tr>
								<td align="center">
									<div>
										<img src="img/minglu/minjianwenxue.png" width="32" height="32"/>
										<p>民间文学</p>
									</div>
								</td>
								<td align="center">
									<div>
										<img src="img/minglu/yinyue.png" width="32" height="32"/>
										<p>传统音乐</p>
									</div>
								</td>
								<td align="center">
									<div>
										<img src="img/minglu/minsu.jpg" width="32" height="32"/>
										<p>民俗</p>
									</div>
								</td>
							</tr>
							<tr>
								<td align="center">
									<div>
										<img src="img/minglu/xiju.jpg" width="35" height="35"/>
										<p>传统戏剧</p>
									</div>
								</td>
								<td align="center">
									<div>
										<img src="img/minglu/quyi.png" width="35" height="35"/>
										<p>曲艺</p>
									</div>
								</td>
								<td align="center">
									<div>
										<img src="img/minglu/tiyu.png" width="35" height="35"/>
										<p>传统体育、<br/>游艺与杂技</p>
									</div>
								</td>
							</tr>
							<tr>
								<td align="center">
									<div>
										<img src="img/minglu/meishu.jpg" width="35" height="35"/>
										<p>传统美术</p>
									</div>
								</td>
								<td align="center">
									<div>
										<img src="img/minglu/jiyi.jpg" width="35" height="35"/>
										<p>传统技艺</p>
									</div>
								</td>
								<td align="center">
									<div>
										<img src="img/minglu/yiyao.jpg" width="35" height="35"/>
										<p>传统医药</p>
									</div>
								</td>
							</tr>
						</table>
					</div>
					
				</div>
			</div>
				
		</div>
	</Section>
	<!-- /Section: minglu -->
	
	<!-- Section: ccr -->
	<Section id="ccr" class="home-section bg-gray">
		<div class="container">
			<div class="row">
				<div class="col-lg-8 col-lg-offset-2">
					<div class="wow fadeInDown" data-wow-delay="0.1s">
					<div class="section-heading text-center">
					<h2 class="css56978532315dfd">传承人</h2>
					<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;非物质文化遗产是各族人民世代相承、与群众生活密切相关的各种传统文化表现形式和文化空间，非物质文化遗产既是历史发展的见证，又是珍贵的、具有重要价值的文化资源</p>
					</div>
					</div>
					<div class="divider-short"></div>
					<a href="#"><p class="more">查看更多</p></a>
				</div>
			</div>
			<div class="row paddingtop-100" style="padding-bottom:50px;">
				<div class="carousel1">
					<ul id="schedule" class="wow fadeInUp" style="list-style:none;">
						<li class="schedule-item clearfix">
							
							<div class="schedule-right">
								<div class="schedule-avatar"><a href="#"><img src="img/temp/201510900840.jpg" alt="" /></a></div>
								<div class="schedule-links">
									<a class="schedule-details" href="#"><i class="icon-small-info"></i>详情</a>
									<p class="schedule-add" ><i class="icon-small-star"></i>炎帝的传说</p>
								</div>
							</div>
						</li>
						<li class="schedule-item clearfix">
							
							<div class="schedule-right">
								<div class="schedule-avatar"><a href="#"><img src="img/temp/201510900840.jpg" alt="" /></a></div>
								<div class="schedule-links">
									<a class="schedule-details" href="#"><i class="icon-small-info"></i>详情</a>
									<p class="schedule-add" ><i class="icon-small-star"></i>上党八音会</p>
								</div>
							</div>
						</li>
						<li class="schedule-item clearfix">
							
							<div class="schedule-right">
								<div class="schedule-avatar"><a href="#"><img src="img/temp/201510900840.jpg" alt="" /></a></div>
								<div class="schedule-links">
									<a class="schedule-details" href="#"><i class="icon-small-info"></i>详情</a>
									<p class="schedule-add" ><i class="icon-small-star"></i>炎帝的传说</p>
								</div>
							</div>
						</li>
						<li class="schedule-item clearfix">
							
							<div class="schedule-right">
								<div class="schedule-avatar"><a href="#"><img src="img/temp/201510900840.jpg" alt="" /></a></div>
								<div class="schedule-links">
									<a class="schedule-details" href="#"><i class="icon-small-info"></i>详情</a>
									<p class="schedule-add" ><i class="icon-small-star"></i>炎帝的传说</p>
								</div>
							</div>
						</li>
						<li class="schedule-item clearfix">
							
							<div class="schedule-right">
								<div class="schedule-avatar"><a href="#"><img src="img/temp/201510900840.jpg" alt="" /></a></div>
								<div class="schedule-links">
									<a class="schedule-details" href="#"><i class="icon-small-info"></i>详情</a>
									<p class="schedule-add" ><i class="icon-small-star"></i>炎帝的传说</p>
								</div>
							</div>
						</li>
						<li class="schedule-item clearfix">
							
							<div class="schedule-right">
								<div class="schedule-avatar"><a href="#"><img src="img/temp/201510900840.jpg" alt="" /></a></div>
								<div class="schedule-links">
									<a class="schedule-details" href="#"><i class="icon-small-info"></i>详情</a>
									<p class="schedule-add" ><i class="icon-small-star"></i>炎帝的传说</p>
								</div>
							</div>
						</li>
						<li class="schedule-item clearfix">
							
							<div class="schedule-right">
								<div class="schedule-avatar"><a href="#"><img src="img/temp/201510900840.jpg" alt="" /></a></div>
								<div class="schedule-links">
									<a class="schedule-details" href="#"><i class="icon-small-info"></i>详情</a>
									<p class="schedule-add" ><i class="icon-small-star"></i>炎帝的传说</p>
								</div>
							</div>
						</li>
						
						
					</ul>
					<a class="prev" id="schedule-prev" href="#">‹</a>
					<a class="next" id="schedule-next" href="#">›</a>
				</div>
			</div>
		</div>
	
	</Section>
	<!-- /Section: ccr -->
	<!-- Section: jidi -->
    <Section id="jidi" class="home-section paddingbot-60">
		<div class="container marginbot-50">
			<div class="row">
				<div class="col-lg-8 col-lg-offset-2">
					<div class="wow fadeInDown" data-wow-delay="0.1s">
					<div class="section-heading text-center">
					<h2 class="css56978532315dfd">非遗基地</h2>
					<p>在通过生产、流通、销售等方式，将非物质文化遗产及其资源转化为生产力和产品，产生经济效益，并促进相关产业发展，使非物质文化遗产在生产实践中得到积极保护，实现非物质文化遗产保护与经济社会协调发展的良性互动</p>
					</div>
					</div>
					<div class="divider-short"></div>
					<a><p class="more">查看更多</p></a>
				</div>
			</div>
		</div>

		<div class="container">
			<div class="row">
                <div class="col-sm-12 col-md-12 col-lg-12">
					<div class="wow fadeInUp" data-wow-delay="0.2s">
						<div id="owl-works" class="owl-carousel">
							<div class="item"><a href="fyjdContent.html" title="炎帝的传说" data-lightbox-gallery="gallery1" data-lightbox-hidpi="img/works/1@2x.jpg"><img src="img/photo/1.jpg"  style="height:199px;" class="img-responsive" alt="img"></a></div>
							<div class="item"><a href="img/photo/2.jpg" title="This is an image title" data-lightbox-gallery="gallery1" data-lightbox-hidpi="img/works/2@2x.jpg"><img src="img/photo/2.jpg" style="height:199px;" class="img-responsive " alt="img"></a></div>
							<div class="item"><a href="img/photo/3.jpg" title="This is an image title" data-lightbox-gallery="gallery1" data-lightbox-hidpi="img/works/3@2x.jpg"><img src="img/photo/3.jpg" style="height:199px;" class="img-responsive " alt="img"></a></div>
							<div class="item"><a href="img/photo/4.jpg" title="This is an image title" data-lightbox-gallery="gallery1" data-lightbox-hidpi="img/works/4@2x.jpg"><img src="img/photo/4.jpg" style="height:199px;" class="img-responsive " alt="img"></a></div>
							<div class="item"><a href="img/photo/5.jpg" title="This is an image title" data-lightbox-gallery="gallery1" data-lightbox-hidpi="img/works/5@2x.jpg"><img src="img/photo/5.jpg" style="height:199px;" class="img-responsive " alt="img"></a></div>
							<div class="item"><a href="img/photo/5.jpg" title="This is an image title" data-lightbox-gallery="gallery1" data-lightbox-hidpi="img/works/6@2x.jpg"><img src="img/photo/5.jpg" style="height:199px;" class="img-responsive " alt="img"></a></div>
						</div>

					</div>
					
                </div>
            </div>
		</div>
	</Section>
	<!-- /Section: jidi -->

	<!-- Section: jingsui -->	
	<Section id="jingsui" class="home-section bg-gray">	
		<div class="container" style="padding-bottom:50px;">
			<div class="row">
				<div class="col-lg-8 col-lg-offset-2">
					<div class="wow fadeInUp" data-wow-delay="0.1s">
						<div class="section-heading text-center">
						<h2 class="css56978532315dfd">非遗精髓</h2>
						<p>宣传非遗文化，传承民族精髓</p>
						
						</div>
						
					</div>
					<div class="divider-short"></div>
					<a><p class="more">查看更多</p></a>
				</div>
			</div>
			<div class="row" style="padding-top:60px;">
				<div class="col-md-12" style="padding:0;">
					<ul class='kwicks kwicks-horizontal'>
						<li id='panel-1' class="active" style="position: relative;">
							<div style="width:200px;height:200px;color:#EFEBEB;position:absolute;top: 180px;left: 250px;font-weight: bold;">
								<a href="#">
									1.选材与雕刻
								</a><br/>
								<a  href="#">
									2.艺术与功能
								</a><br/>
								<a href="#">
									3.工艺与流程
								</a><br/>
								<a href="#">
									4.历史渊源
								</a>
							</div>
							
						</li>
						<li id='panel-2' style="position: relative;">
							<div style="width:200px;height:200px;color:#EFEBEB;position:absolute;top: 180px;left: 250px;font-weight: bold;">
								<a href="#">
									1.选材与雕刻
								</a><br/>
								<a  href="#">
									2.艺术与功能
								</a><br/>
								<a href="#">
									3.艺术与功能
								</a>
							</div>
						</li>
						<li id='panel-3' style="position: relative;">
							<div style="width:200px;height:200px;color:#EFEBEB;position:absolute;top: 180px;left: 250px;font-weight: bold;">
								<a href="#">
									1.选材与雕刻
								</a><br/>
								<a  href="#">
									2.艺术与功能
								</a><br/>
								<a href="#">
									3.艺术与功能
								</a>
							</div>
						</li>
						<li id='panel-4'>
							<div style="width:300px;height:100%;position:relative;">
								<p class="fontYH" style="font-weight: bold;position:absolute;top: 200px;left: 30px;color: #E6E3E3;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;府城隍庙建筑群是为祭祀城隍神而营建的，是全国现存已知的府城隍庙中规模较大、保存较完整的一处古建筑群。</p>
							</div>
						</li>
						<li id='panel-5'></li>
					</ul>
				</div>
				
			</div>
		</div>
	</Section>	 
	<!-- /Section: jingsui -->
	<!-- Section: footer -->
	<Section>
		<div class="container fontYH" style="padding-top: 20px;">
			<div class="row">
				<div class="col-sm-6 col-md-4">
					<div class="wow fadeInDown" data-wow-delay="0.1s">
					<div class="widget">
						<h5>友情链接</h5>
						<ul>
							<li><a href="#">长治市政府网</a></li>
							<li><a href="#">长治市非物质文化遗产保护中心</a></li>
							<li><a href="#"></a></li>
							<li><a href="#"></a></li>
						</ul>
					</div>
					</div>
				</div>
				<div class="col-sm-6 col-md-4">
					<div class="wow fadeInDown" data-wow-delay="0.1s">
					<div class="widget">
						<h5>联系我们</h5>
						
						<ul>
							
							<li>
								<span class="fa-stack fa-lg">
									<i class="fa fa-circle fa-stack-2x"></i>
									<i class="fa fa-phone fa-stack-1x fa-inverse"></i>
								</span> +62 0888 904 711
							</li>
							<li>
								<span class="fa-stack fa-lg">
									<i class="fa fa-circle fa-stack-2x"></i>
									<i class="fa fa-envelope-o fa-stack-1x fa-inverse"></i>
								</span> hello@medicio.com
							</li>

						</ul>
					</div>
					</div>
				</div>
				<div class="col-sm-6 col-md-4">
					<div class="wow fadeInDown" data-wow-delay="0.1s">
					<div class="widget">
						<h5>地址</h5>
						<p>长治市紫金东街47号</p>		
						
					</div>
					</div>
					
				</div>
			</div>	
		</div>
		<div class="sub-footer">
		<div class="container">
			<div class="row">
				<div class="col-sm-6 col-md-6 col-lg-6">
					<div class="wow fadeInLeft" data-wow-delay="0.1s">
					<div class="text-left">
					<p>Copyright 2016 - 长治市非物质文化遗产保护中心. All rights reserved.</p>
					</div>
					</div>
				</div>
				<div class="col-sm-6 col-md-6 col-lg-6">
					<div class="wow fadeInRight" data-wow-delay="0.1s">
					<div class="text-right">
						<p><a href="http://bootstraptaste.com/">技术支持：</a> 长治市华普软件公司</p>
					</div>
                   
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-md-12">
					<p >
						提示：IE10.0或以上浏览器可以体验最佳浏览效果
					</p>
				
				</div>
			</div>
		</div>
		</div>
	</Section>
	<!-- /Section: footer -->
</div>
<a href="#" class="scrollup"><i class="fa fa-angle-up active"></i></a>
	<!-- Core JavaScript Files -->
    <script src="js/jquery.min.js"></script>	 
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.easing.min.js"></script>
	<script src="js/wow.min.js"></script>
	<script src="js/jquery.scrollTo.js"></script>
	<script src="js/jquery.appear.js"></script>
	<script src="js/owl.carousel.min.js"></script>
	<script src="js/nivo-lightbox.min.js"></script>
	<script src="js/jquery.carouFredSel.packed.js"></script>
	<script src="js/jquery.touchSwipe.min.js"></script>
	<script src="js/jquery.kwicks.min.js"></script>
	<!--判断浏览器版本 选择是否加载wowCustome.js 插件-->
	<script src="js/ie-emulation-modes-warning.js"></script>
	<script src="js/custom.js"></script>

</body>

</html>
